<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title langWord="t:User_Center_Change_Password">Change Password</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/user/password.js"></script>
	
	</head>

	<body ms-controller="changePwdPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title" langWord="t:User_Center_Change_Password">Change Password</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white"></a>
			<a class="mui-icon mui-pull-right mui-icon-white" href="../product/category.html">
				<i class="icon icon_home"></i>
			</a>
		</header>

		<div class="mui-content" >
			<form id="changePwdForm" ms-validate="@validate">
				<div class="mui-content-padded" >
					<input type="hidden" value="" id="uid" name="uid"/>
					<div class="mui-row">
						<h5 langWord="t:User_Center_Old_Password">Old Password：</h5>
						<div class="mui-input-row mui-password">
							<input id="oldPassword" name="oldPassword" type="password" class="mui-input-password" ms-duplex="@oldPassword" 
								ms-rules="{required: true}" data-required-message="Please enter the original password!">
						</div>
					</div>
					<div class="mui-row">
						<h5 langWord="t:User_Center_New_Password">New Password：</h5>
						<div class="mui-input-row mui-password">
							<input id="newPassword" name="newPassword" type="password" class="mui-input-password" ms-duplex="@newPassword" 
								ms-rules="{required: true}" data-required-message="Please enter a new password!">
						</div>
					</div>
					<div class="mui-row">
						<h5 langWord="t:User_Center_Password_Confirmation">Password Confirmation：</h5>
						<div class="mui-input-row mui-password">
							<input id="repassword" name="repassword" type="password" class="mui-input-password" ms-duplex="@repassword" 
								ms-rules="{equalto:'newPassword',required: true }" 
								data-equalto-message="The two passwords you entered did not match!"
								data-required-message="Please enter a new password again!">
						</div>
					</div>
					<div class="mui-row mui-text-right">
						<a href="./forgetPwd.html?h=5" class="mui-btn-block" langWord="t:User_Center_Forgot_your_password">Forgot your password</a>
					</div>
					 <div class="mui-button-row">
							<button id="save" type="button" :click="@changePwd" class="mui-btn mui-btn-update">
							 <i class="iconSubmit"></i><span langWord="t:User_Center_Save">Save</span>
							</button>
						</div>
				</div>
			</form>
		</div>

		
	</body>

</html>